<template>
  <div class="container-table">
    <el-tabs v-model="activeName">
      <el-tab-pane label="查看活动类型" name="first">
        <CategoryShow></CategoryShow>
      </el-tab-pane>
      <el-tab-pane label="新增活动类型" name="second">
        <CategoryAdd></CategoryAdd> </el-tab-pane
    ></el-tabs>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import CategoryShow from './CategoryShow'
import CategoryAdd from './CategoryAdd'
const activeName = ref('first')
</script>

<style lang="scss" scoped>
.el-tabs {
  height: 100%;
  ::v-deep .el-tabs__content {
    height: calc(100% - 40px) !important;
  }
  .el-tab-pane {
    height: 100%;
  }
}
</style>
